<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>生命体验</title>
		<script src="js/mui.min.js"></script>
		<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/main.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
	</head>

	<body class="main-color">
		<!--header start -->
		<header class="mui-bar mui-bar-nav main-color FFF">
			<a class="mui-btn mui-btn-link mui-btn-nav mui-pull-left mui-action-back">
				<span class="mui-icon mui-icon-left-nav"></span>
			</a>
		</header>
		<!--header End -->

		<!--content start -->
		<div class="lifeExpe">
			<!--圆形图 -->
			<div class="mui-col-xs-11 mui-media center FFFback" id="forHeight">
				<div class="mui-text-center healthHead">
					<img src="images/head.jpg" class="interestHead" />
					<p class="font12"><i class="fa fa-yen"></i>1203分</p>
					<p>
						<span class="blue-tag font12">烹饪</span>
						<span class="pink-tag font12">晒图</span>
					</p>
				</div>

				<ul class="mui-col-xs-11 font14 healthyScore center">
					<li class="mui-text-center">学分
						<span class="color">0</span>
					</li>
					<li class="mui-text-center">健康率
						<span class="color">0</span>
					</li>
					<li class="mui-text-center">绿肺排名
						<span class="color">0</span>
					</li>
				</ul>

				<div class="mui-button-row margin10">
					<a class="mui-btn mui-btn-primary main-color mui-col-xs-8" type="button" onclick="return false;">开始考试</a>
				</div>
				<div class="healthTip font12 mui-col-xs-9 mui-media center">
					体质是对人体的测试的描述，您的体质是:痰湿质 (兼有气虚质,湿热质,阳虚质。倾向血瘀质,阴虚质,特禀质。) 根据你的体质情况,推荐你从痰湿质开始入手,配合生活方式的改变从

				</div>

			</div>
		</div>

		

		<!--头像End-->

		<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
		<script>
			$(function() {
				var height = $('.lifeExpe').height();
				var bodyHeight = height + 20;
				$("body").css('height', bodyHeight);
				$(".lifeExpe").css('height', height);
				$("#forHeight").css('height', height - 20);
			})
		</script>

	</body>

</html>